<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        /*动态添加 :   <p>文本</p> */
        function dianwo(){
            var div = document.getElementById("div1");
            //创建元素节点<p></p>
            var p = document.createElement("p");  // <p></p>
            //创建文本节点
            var textNode = document.createTextNode("文本内容");//  文本内容
            //将p 和文本内容关联起来
            p.appendChild(textNode);  //  <p>文本内容</p>
            //将P添加到目标div中
            div.appendChild(p);
        }
    </script>

</head>
<body>
    <input type="button" value="点击添加P" onclick="dianwo()">
    <!--一会动态的往这个Div中添加节点-->
    <div id="div1">

    </div>
</body>
</html>